import G6 from "@antv/g6";
const Util = G6.Util;

/**
 * @description 自定义布局
 * */
export const useCustomizeLayout = () => {
  G6.registerLayout("grid-layout", {
    // 默认参数
    getDefaultCfg() {},
    // 执行布局
    execute() {
      // const nodes = this.nodes; // 获取所有节点
      // const rows = this.rows;
      // const cols = this.cols;
      // const isAdd = this.isAdd;
      // const width = this.width / cols;
      // const height = this.height / rows;
      // if (isAdd.value) {
      //   console.log("均分布局", isAdd, width, height);
      //   nodes.forEach((node, i) => {
      //     const row = Math.floor(i / cols);
      //     const col = i % cols;

      //     node.x = col * 80;
      //     node.y = (cols - row - 1) * 80;
      //   });
      // }
    },
    //根据传入的数据进行布局
    layout(data) {
      console.log("根据传入的数据进行布局", data);
    },
    //更新布局配置，但不执行布局
    updateCfg(cfg) {
      console.log("更新布局配置，但不执行布局", cfg);
    },
    //销毁
    destroy() {
      // const self = this;
      // self.positions = null;
      // self.nodes = null;
      // self.edges = null;
      // self.destroyed = true;
      // console.log("销毁布局");
    }
  });
};
export const useStaticUpgradeEdge = () => {
  G6.registerEdge(
    "static-upgrade-edge",
    {
      afterDraw(cfg, group) {},
      afterUpdate(cfg, combo) {},
    },
    "line"
  );
};
